<!--
    Created by wangyang on 2019-01-24.
    itwangyang@gmail.com
    http://itwangyang.xyz
-->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>A.I票据-注册</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../assest/css/city.css">

    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <!--https://use.fontawesome.com/releases/v5.6.3/css/all.css-->
    <!--<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"-->
    <!--integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">-->
    <link rel="stylesheet" href="../assest/css/all.min.css">
    <link rel="stylesheet" href="../assest/css/brands.min.css">
    <link rel="stylesheet" href="../assest/css/fontawesome.min.css">
    <link rel="stylesheet" href="../assest/css/regular.min.css">
    <link rel="stylesheet" href="../assest/css/solid.min.css">
    <link rel="stylesheet" href="../assest/css/svg-with-js.min.css">
    <link rel="stylesheet" href="../assest/css/v4-shims.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/app.css">

    <style>
        input.pic {
            display: none;
        }

        label.upimg {
            display: flex;
            width: 254px;
            height: 196px;
            border-radius: 50%;
            overflow: hidden;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            margin-top: -65px;
        }

    </style>

</head>
<body>
<!--ticket-top begin-->
<div class="ticket-top container-fluid">
    <div class="container">
        <nav class="ticket-top-nav">
            <a class="ticket-top-nav-item active" href="#">服务热线:120362564</a>
            <a class="ticket-top-nav-item" href="#">服务时间：<span>9:00-12:00</span></a>
        </nav>
    </div>
</div>
<!--ticket-top end-->

<!--navbar-meau begin-->
<section class="container-fluid navbar-meau">
    <nav class="container navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="../index.html">
            <img src="../images/logo.png" alt="" class="img-responsive"
                 width="150" height="50"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#">首页 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我要出票</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">交易大厅</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">我的订单</a>
                </li>
            </ul>

            <!--<form class="form-inline">-->
                <!--<button class="btn btn-outline-primary login-btn" type="button">登录</button>-->
                <!--<button class="btn btn-primary  reg-btn" type="button">注册</button>-->
            <!--</form>-->
        </div>
    </nav>
</section>
<!--navbar-meau end-->

<!---->

<section class="container breadNavigationBar fontSize16 ">
    <div class="row">
        <li><a class="fontcolor20" href="../index.html">首页</a></li>
        <span class="ml-2 mr-2">&gt;</span>
        <li><a class="fontcolor20" href="">用户中心</a></li>
        <span class="ml-2 mr-2">&gt;</span>
        <li><a href="">企业认证</a></li>
    </div>
</section>


<section class="container reg1 reg2 mb-lg-5  pb-4">
    <!--进度条-->
    <div class="container mt-4 pl-4 pr-4">
        <div class="row">
            <a href="reg1.html">
                <div class="align-middle text-primary">
                    <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <span class="fa-stack-1x text-white">1</span>
                        <div class="d-inline-block">
                            <p class="position-absolute text-muted text-font-size ">注册会员</p>
                        </div>
                    </span>
                </div>
            </a>
            <span class="col border border-primary mx-1 my-auto"></span>

            <a href="reg2.html">
                <div class="align-middle text-primary">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <span class="fa-stack-1x text-white">2</span>
          <div class="d-inline-block">
                <p class="position-absolute text-muted text-font-size text-active">企业认证</p>
            </div>
      </span>

                </div>
            </a>
            <span class="col border mx-1 my-auto"></span>

            <!--text-muted-->
            <a href="reg3.html">
                <div class="align-middle text-muted">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <span class="fa-stack-1x text-white">3</span>
          <div class="d-inline-block">
                <p class="position-absolute text-muted text-font-size">绑定银行账户</p>
            </div>
      </span>

                </div>
            </a>
            <span class="col border mx-1 my-auto"></span>

            <a href="reg4.html">
                <div class="align-middle text-muted">
         <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <span class="fa-stack-1x text-white">4</span>
          <div class="d-inline-block">
                <p class="position-absolute text-muted text-font-size">平台审核</p>
            </div>
      </span>
                </div>
            </a>
            <span class="col border mx-1 my-auto"></span>

            <a href="reg5.html">
                <div class="align-middle text-muted">
      <span class="fa-stack fa-lg">
        <i class="fa fa-circle fa-stack-2x"></i>
        <span class="fa-stack-1x text-white">5</span>
           <div class="d-inline-block">
                <p class="position-absolute text-muted text-font-size">注册成功</p>
            </div>
      </span>

                </div>
            </a>
        </div>

        <div class="m-5"></div>


    </div>

    <!--内容输入框-->
    <div class="row my-success-reg1 py-1">
        <!--企业名称-->
        <div class="col col-lg-12 ">
            <p class="fontSize16 pb-1 divider hr-line-dashed">企业名称</p>
        </div>

        <!--证件类型-->
        <div class="col col-lg-12 ">
            <p class="fontSize16 divider ">证件类型</p>
            <div>
                <input type="radio" value="1" class="typeKind" checked name="typeKind">
                <span class="fontSize14 ml-2">
                    多证合一营业执照(统一 社会信用代码)
                    <a href="#" class="ml-2" data-toggle="modal" data-target="#myModal1">示例</a></span>
                <!-- 模态框1 -->
                <div class="modal fade" id="myModal1">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <img src="../images/modal.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div><input type="radio" value="2" class="typeKind" name="typeKind"><span class="fontSize14 ml-2 ">
                多证合一营业执照(存在独立的组织机构代码证号)
              <a href="#" class="ml-2" data-toggle="modal" data-target="#myModal2">示例</a></span>
                <!-- 模态框2 -->
                <div class="modal fade" id="myModal2">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <img src="../images/modal.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div><input class="typeKind" type="radio" value="3" name="typeKind"><span class="fontSize14 ml-2">
                普通营业执照
            <a href="#" class="ml-2" data-toggle="modal" data-target="#myModal3">示例</a></span>
                <!-- 模态框3 -->
                <div class="modal fade" id="myModal3">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <img src="../images/modal.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!--显示上传图片-->
        <div class="col col-lg-12 mt-4 mb-4 isModal1">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic1" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic1">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">营业执照正本</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal4">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal4">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic2" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic2">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">开户许可证</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal5">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal5">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="col col-lg-12 mt-4 mb-4 isModal2">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic12" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic12">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">营业执照正本</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal14">示例1</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal14">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic15" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic15">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">开户许可证</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal15">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal15">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic18" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic18">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">税务登记证</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal18">示例1</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal18">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic19" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic19">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">组织机构代码证</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal19">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal19">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="col col-lg-12 mt-4 mb-4 isModal3">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic16" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic16">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">营业执照正本</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal16">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal16">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic17" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic17">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">开户许可证</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal17">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal17">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>


        <!--内容输入框-->
        <div class="row col-lg-7">
            <div class="col col-lg-12 ">
                <div class="container ">
                    <div class="row">
                        <div class="col-md-12 order-md-1">
                            <form class="needs-validation" novalidate>
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="email" class="">企业名称</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" id="email"
                                                       placeholder="请您输入企业名称" value="" required maxlength="30">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="code">统一社会信用卡 </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="code" placeholder="请您输入统一社会信用卡"
                                                   maxlength="6">
                                        </div>
                                    </div>

                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="">通讯地址 </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <!--城市级联-->
                                            <div class="city-picker-selector" id="city-picker-search"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for=""> </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control textarea-address" rows="3"
                                                      placeholder="请输入详细地址"></textarea>
                                        </div>
                                    </div>
                                </div>

                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--法人信息-->
        <div class="col col-lg-12 mt-2">
            <p class="fontSize16 pb-1 divider hr-line-dashed">法人代表人信息</p>
        </div>

        <!--法人代表人归属地-->
        <div class="col col-lg-12 ">
            <p class="fontSize16 divider ">法人代表人归属地</p>
            <div class="input-group mb-3">
                <ul class="row radio-group">
                    <li class="flexBox-row">
                        <input class="typeKind1" value="4" type="radio" checked name="attribution">
                        <label>中国大陆</label>
                    </li>
                    <li class="flexBox-row">
                       <input  class="typeKind1" value="5" type="radio" name="attribution">
                        <label>港澳台</label>
                    </li>
                    <li class="flexBox-row">
                        <input class="typeKind1" value="6" type="radio" name="attribution">
                        <label>海外</label>
                    </li>
                </ul>


            </div>


        </div>

        <!--显示上传图片-->
        <div class="col col-lg-12 mb-4 isModal4">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic9" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic9">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证正面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal12">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal12">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic10" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic10">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证反面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal13">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal13">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="col col-lg-12 mt-4 mb-4 isModal5">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic3" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic3">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证正面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal6">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal6">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic4" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic4">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证反面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal7">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal7">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="col col-lg-12 mt-4 mb-4 isModal6">
            <div class="row">
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic7" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic7">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证正面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal10">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal10">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
                <div class="col col-lg-3">
                    <div class="fileimg-onw">
                        <div class="file-img">
                            <img class="haha" src="" alt="">
                            <input type="file" id="pic8" class="pic" onchange="showpic(this)">
                            <label class="upimg" for="pic8">
                                <img src="../images/icon_camera.png" width="36" height="29" alt=""/>
                                <p>上传照片</p>
                            </label>
                        </div>

                        <p class="text-center fontSize14 mt-2">法人身份证反面</p>
                        <p class="text-center fontSize14 mt-2">
                            <a href="#" data-toggle="modal" data-target="#myModal11">示例</a>
                        </p>
                        <!-- 模态框1 -->
                        <div class="modal fade" id="myModal11">
                            <div class="modal-dialog modal-lg">
                                <div class="modal-content">
                                    <img src="../images/modal.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>

        <!--内容输入框-->
        <div class="row col-lg-7">
            <div class="col col-lg-12 ">
                <div class="container ">
                    <div class="row">
                        <div class="col-md-12 order-md-1">
                            <form class="needs-validation" novalidate>
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <div class="row">
                                            <div class="col-lg-3">
                                                <label for="username" class="">法定代表人姓名</label>
                                            </div>
                                            <div class="col-lg-9">
                                                <input type="email" class="form-control" id="username"
                                                       placeholder="请您输入法定代表人姓名" value="" required maxlength="30">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="mb-3 mb-3">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <label for="idcode">身份证信息 </label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" id="idcode" placeholder="请您输入身份证号码"
                                                   maxlength="6">
                                        </div>
                                    </div>

                                </div>

                                <div class="row">
                                    <div class="col-lg-3"></div>
                                    <div class="col-lg-9">
                                        <button class="btn mb-3 btn-primary  btn-block" id="summitBut" type="button">提交认证</button>
                                    </div>
                                </div>


                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>


<!--footer begin-->
<footer class="container-fluid">
    <div class="footer container pt-3">
        <div class="row" style="color: #fff">
            <div class="col-lg-4 col-md-3 col-sm-12 ">
                <p>客服热线</p>
                <p class="tel">4000-00000-1000</p>
                <li class="navbar-bottom-item">工作时间：8：00-18：00</li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>关于我们</p>
                <li class="navbar-bottom-item"><a href="">关于澳赢科技</a></li>
                <li class="navbar-bottom-item"><a href="">联系我们</a></li>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 ">
                <p>电票交易</p>
                <li class="navbar-bottom-item"><a href="">获取交易权限</a></li>
                <li class="navbar-bottom-item"><a href="">交易流程</a></li>
                <li class="navbar-bottom-item"><a href="">电子使用规则</a></li>
                <li class="navbar-bottom-item"><a href="">相关下载</a></li>
                <li class="navbar-bottom-item"><a href="">常见问题</a></li>
            </div>
            <div class="col-lg-2 col-md-3 col-sm-12 ">
                <img src="../images/qr_code.png" alt="" width="123" height="120" class="img-responsive">
                <p>微信公众号</p>
            </div>
        </div>
    </div>
</footer>
<!--footer end-->

<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../assest/js/all.min.js"></script>
<script src="../assest/js/brands.min.js"></script>
<script src="../assest/js/fontawesome.min.js"></script>
<script src="../assest/js/regular.min.js"></script>
<script src="../assest/js/solid.min.js"></script>
<script src="../assest/js/v4-shims.min.js"></script>
<script type="text/javascript" src="../assest/js/citydata.min.js"></script>
<script src="../assest/js/cityPicker-2.0.3.js"></script>
<script src="../js/common.js"></script>
<script>
    /*reg2的单选按钮*/
    $(function () {
        var isPermanentValue = $("input[name='typeKind']:checked").val();
        if (isPermanentValue == 1) {
            $(".isModal1").show();
            $(".isModal2").hide();
            $(".isModal3").hide();
        }
        if (isPermanentValue == 2) {
            $(".isModal1").hide();
            $(".isModal2").show();
            $(".isModal3").hide();
        }

        if (isPermanentValue == 3) {
            $(".isModal1").hide();
            $(".isModal2").hide();
            $(".isModal3").show();
        }
        $(".typeKind").click(function () {
            var isPermanentValue = $('input[name="typeKind"]:checked ').val();
            if (isPermanentValue == 1) {
                $(".isModal1").show();
                $(".isModal2").hide();
                $(".isModal3").hide();
            }
            if (isPermanentValue == 2) {
                $(".isModal1").hide();
                $(".isModal2").show();
                $(".isModal3").hide();
            }
            if (isPermanentValue == 3) {
                $(".isModal1").hide();
                $(".isModal2").hide();
                $(".isModal3").show();
            }
        })

    });

    $(function () {
        var isPermanentValue1 = $("input[name='attribution']:checked").val();
        if (isPermanentValue1 == 4) {
            $(".isModal4").show();
            $(".isModal5").hide();
            $(".isModal6").hide();
        }
        if (isPermanentValue1 == 5) {
            $(".isModal4").hide();
            $(".isModal5").show();
            $(".isModal6").hide();
        }

        if (isPermanentValue1 == 6) {
            $(".isModal4").hide();
            $(".isModal5").hide();
            $(".isModal6").show();
        }
        $(".typeKind1").click(function () {
            var isPermanentValue1 = $('input[name="attribution"]:checked ').val();
            if (isPermanentValue1 == 4) {
                $(".isModal4").show();
                $(".isModal5").hide();
                $(".isModal6").hide();
            }
            if (isPermanentValue1 == 5) {
                $(".isModal4").hide();
                $(".isModal5").show();
                $(".isModal6").hide();
            }
            if (isPermanentValue1 == 6) {
                $(".isModal4").hide();
                $(".isModal5").hide();
                $(".isModal6").show();
            }
        })

    });

    /*城市级联*/
    $(function () {
        // 模拟城市-联动/搜索/键盘操作
        var selector3 = $('#city-picker-search').cityPicker({
            dataJson: cityData,
            renderMode: true,
            search: false,
            autoSelected: true,
            keyboard: true,
            level: 2,
            onChoiceEnd: function () {
                console.log(this.values)
            }
        });
    });
</script>


<script>

    function showpic(a) {
        //获取上传文件的信息
        var pic = a.files[0];
        console.log(pic);

        //在pic的文件里抓取该文件用于显示二进制信息
        var sr = window.URL.createObjectURL(pic);
        console.log(sr);
        //设置src属性，显示图片
        $(a).prev().attr("src", sr);
        $(a).next().hide();

        $(a).prev().click(function () {
            $(a).prev().attr("src", "");
            $(a).next().show();
            var file = $(a);
            file.after(file.clone().val(""));
            file.remove();
            $(a).prev().unbind("click")
        })

    }


</script>


</body>
</html>
